import { ref } from 'vue'
import { useIntersectionObserver } from '@vueuse/core'
export const useObaserve = (appFn) => {
  // 懒加载数据
  const target = ref(null)
  const { stop } = useIntersectionObserver(
    target,
    ([{ isIntersecting }]) => {
      if (isIntersecting) {
        // 传进来获取数据参数
        appFn()
        // 停止监测  防止重复调用
        stop()
      }
    },
    {
      // 阈值 提高渲染速度
      threshold: 0
    }
  )
  return { target }
}
